.about-hero{
  padding:100px 0;
  text-align:center;
  background:linear-gradient(135deg,#7b1e3d,#d63384);
  color:white;
}

.about-hero h1{
  font-size:55px;
  margin-bottom:20px;
}

.about-company-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.about-logo{
  width:250px;
}

.about-company-grid h2{
  font-size:42px;
  color:#7b1e3d;
  margin-bottom:20px;
}

.team-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
  gap:40px;
}

.team-card{
  background:white;
  padding:25px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.image-placeholder{
  width:400px;
  height:200px;
  max-width:100%;
  background:#f3f3f3;
  border:2px dashed #ccc;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  border-radius:15px;
  color:#666;
}

.team-card h3{
  margin-top:20px;
  color:#7b1e3d;
}

.team-card p{
  color:#d63384;
  font-weight:600;
}


@media(max-width:991px){

  .about-company-grid{
    grid-template-columns:1fr;
    text-align:center;
  }

  .about-hero h1{
    font-size:38px;
  }

}
.top-right a{
  color:white;
  font-size:18px;
  transition:.3s;
}

.top-right a:hover{
  transform:scale(1.2);
  color:#ffd700;
}
/* FOOTER SOCIAL ICONS */

.footer .fa-instagram,
.footer .fa-facebook-f{
  font-size: 18px;
}

.footer a{
  text-decoration: none;
}

.footer .contact-social{
  display: flex;
  gap: 12px;
  margin-top: 18px;
}

.footer .contact-social a{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  color: white;

  background: linear-gradient(
    135deg,
    #ff6b35,
    #d63384
  );

  transition: all 0.3s ease;
}

.footer .contact-social a:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(214, 51, 132, 0.35);
}